<template>
  <dv-full-screen-container class="bg c-fff">
    <dv-loading v-if="loading">Loading...</dv-loading>
    <div v-else>
      <top />
      <div class="flex content">
        <left />
        <center />
        <right />
      </div>
    </div>
  </dv-full-screen-container>
</template>

<script>
import Top from '@/views/visualization/components/Top'
import Left from '@/views/visualization/components/Left'
import Center from '@/views/visualization/components/Center'
import Right from '@/views/visualization/components/Right'

export default {
  components: { Top, Left, Center, Right },
  data() {
    return {
      loading: false
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      // this.loading = true
      // this.loading = false
    }
  }
}
</script>

<style lang="scss" scoped>
.bg {
  background-color: #000836;
  width: 100%;
  height: 100%;
  .content {
    height: calc(100% - 1.2675rem);
  }
}
</style>
